.total-stats {
    text-align: center;
    background-color: #fff;

    padding: 30rpx;
    .score {
        .label {
            font-size: 28rpx;
            color: #999;
            margin-bottom: 10rpx;
        }
        .value {
            font-size: 36rpx;
            color: #333;
        }
    }

    .money {
        font-size: 28rpx;
        color: #333;
        margin-top: 30rpx;
    }
}

.tabs {
    display: flex;
    border-top: 1px solid #f2f2f2;
    .tab {
        width: 50%;
        background-color: #fff;
        padding: 30rpx 0;
        text-align: center;
        font-size: 28rpx;
        color: #333;
        &.active {
            color: rgb(107, 184, 185);
            font-size: 32rpx;
            font-weight: bold;
            position: relative;
            &::before {
                content: "";
                display: block;
                width: 60rpx;
                height: 4rpx;
                background-color: rgb(107, 184, 185);
                border-radius: 4rpx;
                position: absolute;
                bottom: 0;
                left: 50%;
                margin-left: -30rpx;
            }
        }
    }
}

.f-label {
    width: 160rpx;
    text-align: left;
}

.form-box {
    input {
        text-align: left;
    }
    padding: 30rpx;
    padding-bottom: 0;
}

.apply-box {
    .a-item {
        padding: 30rpx;
        font-size: 28rpx;
        color: #333;
        border-bottom: 1px solid #f2f2f2;
        &:first-child {
            border-top: 1px solid #f2f2f2;
        }

        display: flex;
        align-items: center;

        .left {
            flex: 1;
            padding-right: 20rpx;
        }
        
        background-color: #fff;
        .name {
            font-size: 32rpx;
            font-weight: bold;
        }
    }
}